html,body,#app
  height: 100%

body
  background-color: $bg
div , ul , li a , h1 , h2 , h3 , h4 , h5
  box-sizing: border-box;
.wrapper
  height: 100%
  position: relative
.has-footer
  padding-bottom: $tabbar-hight
.page
  height: 100%;
.child-page
  height: 100%
  width: 100%
  position: fixed;
  left: 0;
  top: 0;
  background-color: $bg;
  z-index: 100;
.container
  padding: $spacing

.video-btn {
	circular(32px);
	box-middle();
  z-index: 99
	background-color: rgba(#000, .5);
	font-size: 20px;
	.icon {
		font-size: inherit;
		color: rgba(#fff, .8);
	}
}

.t-block
  background-color: #fff;
  line-height: 1.5
  .label
    font-size: $font-md;
    color: $text-light
    padding: 10px 0;

  .info
    font-size: $font-md
    color: $text-dark
    padding: 10px 0;



.title-bar
  background-color: #fff
  position: relative
  padding: $spacing
  h2
    line-height: 24px
    font-size: 14px
    color: $text-dark
    margin: 0
    display: block
  p
    font-size: $font-sm
    color: $text-light
    line-height: 1.5
    margin-top: 3px;

.scroll-wrap{
  height: 100%;
}

.text-block
  font-size: $font-sm
  color: $text-dark;
  line-height: 1.5;
.info-block
  font-size: $font-md;
  line-height: 1.8;
  color: $text-grey;
  background-color: #fff;
  padding: $spacing
